<template>
  <a-form :model="searchValue" layout="inline">
    <a-form-item name="name" label="商品名称">
      <a-input v-model="searchValue.name" />
    </a-form-item>
    <a-form-item>
      <a-button>搜索</a-button>
      <a-button>重置</a-button>
    </a-form-item>
  </a-form>
  <a-table :dataSource="dataSource" :columns="columns" :pagination="pagination">
    <template #bodyCell="{ text, record, index, column }">
      <div v-if="column.dataIndex === 'xxx'">
        <a-button>编辑</a-button>
        <a-button>删除</a-button>
      </div>
    </template>
  </a-table>
</template>

<script setup>
import { ref } from "vue";
import { getProducts } from "./service/index";

const dataSource = ref([]);
const columns = ref([]);
const pagination = ref({
  current: 1,
  pageSize: 10,
  total: 0,
});
const searchValue = ref({});

const getData = async () => {};
getData();
</script>

<style></style>
